import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'
import { createStyleImportPlugin, AntdResolve } from 'vite-plugin-style-import'


// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    // 自动打包antd组件对应的样式配置1
    createStyleImportPlugin({
      resolves: [AntdResolve()]
    })
  ],

  // 自动打包antd组件对应的样式配置2
  css: {
    preprocessorOptions: {
      less: {
        // 支持内联 JavaScript
        javascriptEnabled: true,
        // 重写 less 变量，自定义主题样式
        modifyVars: {
          '@primary-color': '#25b864',
        },
      },
    }
  },

  
  // 配置别名和省略扩展名
  resolve: {
    alias: {
      "@": path.resolve(__dirname, 'src')
    },
    extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
  },

  server: {
    proxy: {
      // 将来以/app-dev开头的请求，就会被开发服务器转发到目标服务器去。
      '/dev-api': {
        // 需要转发的请求前缀
        target: 'https://api.github.com', // 目标服务器地址
        changeOrigin: true, // 允许跨域
        rewrite: (path) => path.replace(/^\/dev-api/, ''),
      },

      '/xxx': {
        // 需要转发的请求前缀
        target: 'https://xxx.com', // 目标服务器地址
        changeOrigin: true, // 允许跨域
        rewrite: (path) => path.replace(/^\/xxx/, ''),
      },
    },
  },
})
